<div class="container formGroupHead" style="width: 100%; height: 100%;" data-appbuilder-object="container">
    <form id="experience_detail_form">
        <!--<div class="input-group">-->
        <input type="hidden" name="work_experienceID" />
        <input type="hidden" name="cv_id" />
        <span><small>Title</small></span>
        <input type="text" name="title" placeholder="Title" class="jq-ui-forms">
        <span><small>Company Name</small></span>
        <input type="text" id="company_name" name="company_name" placeholder="Company Name" class="jq-ui-forms">
        <span><small>Description</small></span>
        <textarea id="description" class="jq-ui-forms" name="description" placeholder="Description"></textarea>
        <span><small>Starting Date</small></span>
        <input type="date" id="starting_date" name="starting_date" placeholder="Starting Date"
        class="jq-ui-forms">
        <label>Until Now?</label>
        <input id="until_now" checked="" type="checkbox" name="present" class="toggle" onchange="untilNowChange();">
        <label for="until_now" data-on="Yes" data-off="No">
            <span></span>
        </label>
        <div id="endingDateDiv">
            <span><small>Ending Date</small></span>
            <input type="date" id="ending_date" name="ending_date" placeholder="Ending Date" class="jq-ui-forms">
        </div>
        <span><small>Salary Type</small></span>
        <span><!-- span is needed for android select box fix -->
            <select id="salary_type_period" class="jq-ui-forms" name="salary_type_period">
                <option value="-1">[salary type]</option>
                <option value="Gross/Year">Gross/Year</option>
                <option value="Nett/Year">Nett/Year</option>
                <option value="Gross/Month">Gross/Month</option>
                <option value="Nett/Month">Nett/Month</option>
                <option value="Gross/Day">Gross/Day</option>
                <option value="Nett/Day">Nett/Day</option>
                <option value="Gross/Hour">Gross/Hour</option>
                <option value="Nett/Hour">Nett/Hour</option>
            </select>
        </span>
        <span><small>Currency</small></span>
        <span>
            <select id="exp_currency_id" name="currencyID">
            </select>
        </span>
        <span><small>Salary Amount</small></span>
        <input type="text" id="salary_amount" name="salary_amount" placeholder="Salary">
        <label>Show salary</label>
        <input id="show_salary" checked="" type="checkbox" name="show_salary" class="toggle" value="1">
        <label for="show_salary" data-on="Yes" data-off="No">
            <span></span>
        </label>
        <span><small>Staff in charge</small></span>
        <span>
            <select id="staff_in_charge" name="staff_in_charge" class="jq-ui-forms">
                <option value="-1">[staff in charge]</option>
                <option value="0">0</option>
                <option value="1-5">1-5</option>
                <option value="51-100">6-10</option>
                <option value="11-20">11-20</option>
                <option value="21-50">21-50</option>
                <option value="51-100">51-100</option>
                <option value="+100">+100</option>
            </select>
        </span>
        <a class="button" href="#" style="width: 100%;" data-appbuilder-object="button"
        onclick="saveExperience();">Save</a>
        <!--</div>-->
    </form>
</div>